<template>
	<view class="d-flex flex-column a-center j-center top-0 left-0 right-0 bottom-0 noThing">
		<image :src="getIcon"
		mode="widthFix" style="width: 300rpx;" class="mb-2"></image>
		<view style="color: #B2B2B2;">{{msg}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			icon: {
				type: String,
				default: "no_comment"
			},
			msg:{
				type:String,
				default:"暂无数据"
			}
		},
		computed: {
			getIcon() {
				return `/static/images/nothing/${this.icon}.png`
			}
		},
	}
</script>

<style>
	.noThing{
		margin-top:40%;
	}
</style>
